
  <div class="row">
    <div class="col-md-6 col-sm-8 col-sm-push-2">
      <form action="#" method="post" class="form form-horizontal" [formGroup]="roleForm">
      <div class="one-form-header"></div>
      <div class="one-form-body">
          <div class="form-group">
              <label for="character_add_name" class="col-sm-4 control-label"><span style="color: red;">*</span> 角色名:</label>
              <div class="col-sm-8">
                  <input type="hidden" id="roleId" formControlName="roleId" name="roleId">
                  <input type="text" class="form-control" placeholder="角色名称" id="character_add_name" name="roleName" required formControlName="roleName">
                  <div *ngIf="formErrors.roleName" class="has-error">
                      <label class="control-label"><i class="fa fa-times-circle-o"></i>{{formErrors.roleName}} </label>
                  </div>
              </div>
          </div>
          <div class="form-group">
              <label for="character_add_describe" class="col-sm-4 control-label"><span style="color: red;">*</span> 描述:</label>
              <div class="col-sm-8">
                  <textarea rows="2" cols="20" id="character_add_describe" style="width:100%" name="description" formControlName="description"></textarea>
                  <div *ngIf="formErrors.description" class="has-error">
                    <label class="control-label"><i class="fa fa-times-circle-o"></i>{{formErrors.description}} </label>
                  </div>
              </div>
          </div>
      </div>
      <div class="one-form-footer">
          <div class="pull-right">
              <button class="btn btn-default" type="reset" (click)="cancelRoleUpdate()">取消</button>
              <button class="btn btn-success" type="button" [disabled]="!roleForm.valid" (click)="onSubmit()">提交</button>
          </div>
      </div>
      </form>
    </div>
    <!-- /.form-box -->
  </div>
